@media only screen and (min-width:1199px) {
	.container.tab{
		width:1100px;
	}
	   
}
@media only screen and (max-width:1199px) {
	.threeParty {
    	 width: 52%;
     }
	   
}
@media only screen and (max-width:1050px) {
	.header-right{
		 margin-right: 35px;
	}
	   
}
@media only screen and (max-width: 991px) {
	.select-content{
		width:90px;
	}
	.content-left button{
		width:80px;
	}
	#change{
		margin:0!important;
	}
	.header-right{
		 margin-right: 5%;
	}
	.Order-row{
		margin-top:0!important;
	}
	.File_list li {
    	    width: 18%;
    }   
    .row-right span {
   		 color: #5bc0de;
    }
    .threeParty {
	    width: 65%;
	}
	.Order-row > div:first-child{
		    box-sizing: border-box;
    padding-right: 50%;
        margin-left:0px!important; 
	}
	#Orderbtn{
	    transform: translateX(118px);
	}
}

@media only screen and (max-width:768px) {
	body{
	    font-size: 12px;
	}
	.content-left button,#header-right_list li,#srcLan,#destLan,.row-right input{
		font-size: 12px!important;
	}
	#threeParty_left p:nth-of-type(3),#threeParty_right p:nth-of-type(3){
		font-size:13px;
	}
	#threeParty_left p img ,#threeParty_right p img{
	    width: 90%;
	    height: 91%;
	}
	.logo-img {
	    height: 25px;
	    width: 100px;
	    background-size: cover;
	}   
	.header-left {
	    margin-left: 1%;
	    margin-top: 24px;
	}
	.artificial {
	    margin-right: 1%;
	}
	.header-center a{
		padding-left: 0px!important;
	}
	.header-center{
		padding-left: 20px!important;
	}
	#header-right_list li{
		margin:0 auto;
	}
	#header-right_list {
	    height: 90px;
    }
    #body-row .content-file-row .col-md-1.col-xs-1{
    	padding: 0;
    }
    .row-container > span,.hint{
    	font-size:13px;
    }
    .glyphicon.glyphicon-folder-open{
    	font-size:20px;
    }
    .price-num {
	    color: #fd4e6f;
	    font-size: 15px;
	    font-weight: bolder;
	}
	.checkbox{
		margin-top:6px;
	}
	.row-footer > div:last-child{
		padding: 0;
  	    text-align: left;
	}
	
	.content-left button {
	    width: 60px;
        padding: 4px;
	}
	#change{
	    width:35px!important;
   		padding-left: 0px!important;
   		padding:0px!important;
	}
	.threeParty {
	    width: 77%;
	}
}
@media only screen and (max-width:720px) {
	.threeParty {
	    width: 81%;
	}
	#dst{
		margin-top:30px;
	}
	.content-left.col-md-12.clearfix{
		position: relative;
	}
	#change{
	    position: absolute;
	    top: 34px;
	    left: 28%;
	    background: transparent;
	    transform: rotate(90deg);
	}
	#area-select{
	    position: absolute;
	    top: 0;
	}
	#src, #dst{
	    width:63%;
	}
	.content-left button {
	    width: 100px;
	}
	.select-content {
	    width: 100px;
	}
	#src-more, #dest-more{
		right:10%;
		width:90%;
	}
}
@media only screen and (max-width:690px) {
	.content{
		min-width: 700px;
		overflow-x: scroll
	}
	.threeParty {
	    width:80%;
	}
}
@media only screen and (max-width:400px) {
	.state li {
	    float: left;
	    padding: 8px 17px;
	    margin-left: 24px;
	    font-size: 13px;
	    font-weight: 500;
	    cursor: pointer;
	    text-align: center;
	}
	.Land{
		width:300px;
		height:400px;
	}
}
@media only screen and (max-width:991px){
	.header-center{
		padding-left: 20px;
	}
	.header-center a {
	    padding-left: 30px;
	}
}
